<template>
  <div id="searchpage">
    <template v-if="searchData == null">
      <img src="../assets/img/unLoad.png" alt="" id='noresult' />
      <span class='tip'>空空如也~~~~</span> 
    </template>
    <section v-for="(value, key) in this.searchData" :key="'search' + key">
      <dynamicTemp
        :dynamicData="value"
        func="search"
        ref="dynamicTemp"
      ></dynamicTemp>
    </section>
  </div>
</template>

<script>
import { Request } from "../until/request";
import { PagesBtns } from "../until/PagesBtns";
import navBtn from "./NavBtn";
import dynamicTemp from "./dynamicTemp";
export default {
  name: "searchpage",
  props: ["searchData"],
  data() {
    return {};
  },
  components: {
    dynamicTemp
  },
  mounted() {
    // this.searchData = JSON.parse(sessionStorage.getItem("searchData"));
    console.log(this.searchData);
  },
  methods: {}
};
</script>

<style  scoped>
#searchpage {
  height: 60rem;
  overflow-x: hidden;
}
#noresult{
    width: 25rem;
    display: block;
    margin: 10rem auto 0;
}
.tip{
    display: block;
    width: 100%;
    margin-top: 1rem;
    font-style: italic;
    font-size: 1.5rem;
    text-align: center;
}
</style>